:root,
page {
  // 主色调
  --nut-primary-color: #4965f2;
  --nut-primary-color-end: #498ff2;
  // 辅助色
  --nut-help-color: #f5f5f5;
  // 标题常规文字
  --nut-title-color: #1a1a1a;
  // 副标题
  --nut-title-color2: #666666;
  // 次内容
  --nut-text-color: #808080;
  // 特殊禁用色
  --nut-disable-color: #cccccc;
  --nut-white: #fff;
  --nut-black: #000;
  --nut-required-color: #fa2c19;
  // 暗黑模式下颜色
  --nut-dark-background: #131313;
  --nut-dark-background2: #1b1b1b;
  --nut-nut-dark-background3: #141414;
  --nut-nut-dark-background4: #323233;
  --nut-dark-background5: #646566;
  --nut-dark-background6: #380e08;
  --nut-dark-background7: #707070;
  --nut-dark-color: var(--nut-white);
  --nut-dark-color2: #f2270c;
  --nut-dark-color3: rgba(232, 230, 227, 0.8);
  --nut-dark-color-gray: var(--nut-text-color);
  --nut-dark-calendar-choose-color: rgba(227, 227, 227, 0.2);
  // 字体
  --nut-font-family: PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun,
    sans-serif;

  // Font
  --nut-font-size-0: 20px;
  --nut-font-size-1: 24px;
  --nut-font-size-2: 28px;
  --nut-font-size-3: 32px;
  --nut-font-size-4: 36px;
  --nut-font-weight-bold: 400;
  --nut-font-size-small: var(--nut-font-size-1);
  --nut-font-size-base: var(--nut-font-size-2);
  --nut-font-size-large: var(--nut-font-size-3);
  --nut-line-height-base: 1.5;
  --nut-tabbar-height: 120px;
}

page {
  font-size: var(--nut-font-size-base); // 14px
  color: var(--nut-title-color);
}

scroll-view,
view {
  box-sizing: border-box;
}
